<script setup lang="ts">
defineProps({
  width: {
    required: true,
    type: Number,
  },
});
</script>
<template>
  <svg
    :width="width"
    :height="width / (72 / 34)"
    viewBox="0 0 72 34"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <g id="系统运行监控" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="1.1.1总览" transform="translate(-331.000000, -253.000000)">
        <g id="图" transform="translate(78.000000, 192.000000)">
          <g id="编组-17" transform="translate(254.000000, 61.500000)">
            <g id="分水器" transform="translate(-0.000000, 0.813843)">
              <path
                id="路径"
                d="M22.2088608,22.0352113 L22.2088608,31.1478873 L13.2341772,31.1478873 L13.2341772,22.0352113 L22.2088608,22.0352113 Z"
                stroke="#172B4D"
                fill="#E9EBEE"
              ></path>
              <path
                id="路径"
                d="M10.6329114,32 C10.6329114,31.0043317 11.4263308,30.1971831 12.4050633,30.1971831 L23.0379747,30.1971831 C24.0167072,30.1971831 24.8101266,31.0043317 24.8101266,32 L10.6329114,32 Z"
                stroke="#172B4D"
                fill="#E9EBEE"
                stroke-linecap="round"
                stroke-linejoin="round"
              ></path>
              <path
                id="路径"
                d="M56.7658228,22.0352113 L56.7658228,31.1478873 L47.7911392,31.1478873 L47.7911392,22.0352113 L56.7658228,22.0352113 Z"
                stroke="#172B4D"
                fill="#E9EBEE"
              ></path>
              <path
                id="路径"
                d="M45.1898734,32 C45.1898734,31.0043317 45.9832928,30.1971831 46.9620253,30.1971831 L57.5949367,30.1971831 C58.5736692,30.1971831 59.3670886,31.0043317 59.3670886,32 L45.1898734,32 Z"
                stroke="#172B4D"
                fill="#E9EBEE"
                stroke-linecap="round"
                stroke-linejoin="round"
              ></path>
              <path
                id="矩形"
                d="M40.8164557,3.1056338 L40.8164557,8.98869215 L29.1835443,8.98869215 L29.1835443,3.1056338 L40.8164557,3.1056338 Z"
                stroke="#172B4D"
                fill="#F8F9FA"
                stroke-linejoin="round"
              ></path>
              <rect
                id="矩形"
                stroke="#172B4D"
                fill="#E9EBEE"
                transform="translate(35.000000, 1.802817) scale(1, -1) translate(-35.000000, -1.802817) "
                x="27.4113924"
                y="-0.5"
                width="15.1772152"
                height="4.6056338"
                rx="2.3028169"
              ></rect>
              <path
                id="矩形备份-4"
                d="M60.9859155,8.51408451 C63.6131574,8.51408451 65.9916785,9.57898469 67.7133892,11.3006953 C69.4350998,13.022406 70.5,15.4009271 70.5,18.028169 C70.5,20.6554109 69.4350998,23.033932 67.7133892,24.7556427 C65.9916785,26.4773533 63.6131574,27.5422535 60.9859155,27.5422535 L60.9859155,27.5422535 L9.01408451,27.5422535 C6.38684262,27.5422535 4.00832149,26.4773533 2.28661084,24.7556427 C0.564900181,23.033932 -0.5,20.6554109 -0.5,18.028169 C-0.5,15.4009271 0.564900181,13.022406 2.28661084,11.3006953 C4.00832149,9.57898469 6.38684262,8.51408451 9.01408451,8.51408451 L9.01408451,8.51408451 Z"
                stroke="#172B4D"
                fill="#B9DEFC"
              ></path>
              <path
                id="形状"
                d="M22.1360568,17.4869553 L26.9378726,17.4869553 C27.124156,17.4869616 27.296677,17.5873454 27.3919609,17.7511731 L27.3956602,17.7573931 C27.4925858,17.9240394 27.4925858,18.1316225 27.3956602,18.2982688 L27.3919609,18.3044889 C27.296677,18.4683165 27.124156,18.5687003 26.9378726,18.5687066 L22.1360568,18.5687066 L22.1360568,19.109988 C22.1360079,19.2036785 22.0885822,19.2906685 22.0107051,19.3399127 C21.9328279,19.389157 21.8355955,19.3936391 21.7537083,19.3517594 L19.639826,18.270008 C19.4449525,18.1703517 19.4449525,17.8859863 19.639826,17.78633 L21.7537083,16.7045786 C21.8356165,16.6626882 21.9328762,16.667184 22.0107612,16.7164609 C22.0886463,16.7657377 22.1360537,16.8527707 22.1360568,16.9464853 L22.1360568,17.4869553 Z M47.8639432,17.4869553 L43.0621274,17.4869553 C42.875844,17.4869616 42.703323,17.5873454 42.6080391,17.7511731 L42.6043398,17.7573931 C42.5074142,17.9240394 42.5074142,18.1316225 42.6043398,18.2982688 L42.6080391,18.3044889 C42.703323,18.4683165 42.875844,18.5687003 43.0621274,18.5687066 L47.8639432,18.5687066 L47.8639432,19.109988 C47.8639921,19.2036785 47.9114178,19.2906685 47.9892949,19.3399127 C48.0671721,19.389157 48.1644045,19.3936391 48.2462917,19.3517594 L50.360174,18.270008 C50.5550475,18.1703517 50.5550475,17.8859863 50.360174,17.78633 L48.2462917,16.7045786 C48.1643835,16.6626882 48.0671238,16.667184 47.9892388,16.7164609 C47.9113537,16.7657377 47.8639463,16.8527707 47.8639432,16.9464853 L47.8639432,17.4869553 Z M31.0394023,19.8443631 C30.9523139,19.3041879 31.0552365,18.7762769 31.3452912,18.2472676 C31.5072324,17.9523769 31.6563982,17.7281429 31.9898171,17.2569768 C32.0991823,17.1046485 32.2060779,16.9505011 32.3104606,16.794597 C32.7687541,16.1043223 33.0710443,15.5114291 33.2660935,14.9242105 C33.2851666,14.8678317 33.3056791,14.8268289 33.3420259,14.7640433 C33.3488179,14.7525659 33.3554165,14.7409711 33.3618187,14.7292642 L33.4136399,14.6313334 C33.4645417,14.5354896 33.5547567,14.4676856 33.6597674,14.4463483 C33.7647781,14.4250111 33.8736748,14.4523574 33.9568626,14.5209553 L34.0432312,14.5923441 C34.1860993,14.709678 34.2929805,14.8339677 34.4236131,15.0203108 C35.274524,16.2337373 35.8942189,17.3818157 36.3167055,18.530077 C36.5848081,19.258975 36.5257895,20.0305231 36.1493662,20.6911441 C35.7679048,21.3607344 35.0987279,21.8555137 34.3532586,22.019891 C34.159556,22.0628751 33.9618703,22.084507 33.7636128,22.084507 C32.4178816,22.084507 31.2457873,21.1278971 31.0394023,19.8443631 L31.0394023,19.8443631 Z M37.6525403,17.7870845 C37.3751856,17.7870356 37.1033982,17.7078935 36.8680252,17.5586402 C36.3336193,17.220001 36.103303,16.6258266 36.2882758,16.0343978 C36.3379378,15.8762442 36.3858004,15.7532358 36.4917819,15.4980666 C36.6314112,15.1630884 36.6861113,15.0102432 36.7211986,14.831039 C36.7341538,14.7651416 36.7445901,14.7138881 36.7710404,14.5872188 L36.8376163,14.2632234 C36.8946555,13.9873698 37.2233961,13.8775409 37.4297812,14.0653483 L37.5481782,14.1727976 C38.2456049,14.8072427 38.6504578,15.2632158 38.9505888,15.8537293 C39.2208506,16.3854843 39.0520719,17.0558068 38.5691274,17.4561332 C38.3100647,17.670332 37.9863771,17.7872056 37.6525403,17.7870845 L37.6525403,17.7870845 Z"
                fill="#4FB0FF"
                fill-rule="nonzero"
              ></path>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
</template>
